<template lang="html">
	<div class="mine-header">
		<div class="return-mine">
			<router-link to='/mine' >
				<img src="../../assets/icon/return.png" alt="">
				{{ my }}
			</router-link>
		</div>
			<div class="mine-title">
				{{title}}
			</div>
			
	</div>
</template>
<script>
	export default{
		name:'mineheader',
		data(){
			return{
				my:'我'
			}
		},
		props:{
			title:{
				type:[String,Number],
				default:''
			}
		}
	}
</script>
<style lang="less" scoped>
	.mine-header{
		width: 100%;
		height: 50px;
		line-height:50px;
		background-color: #42b2fd;
		padding: 0 2%;
		box-sizing: border-box;
		text-align:center;
		.return-mine{
			width: 10%;
			float: left;
			a{
				display: block;
				height: 100%;
				height: 30px;
				color:#fff;
				img{
					width: 15px;
				}
			}
		}	
		.mine-title{
			width:85%;
			float: left;
			color:#fff;
		}
	}
</style>